/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 5, 2014, 6:52:46 PM
    Author     : xStudio
*/
body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label{
    /* The reset rules */
    margin:0px;
    padding:0px;
}

body{
    color:#555555;
    font-size:13px;
    background: #D5D4D4;
    font-family:Arial, Helvetica, sans-serif;
    width: 100%;
}

h1{
    font-size:28px;
    font-weight:bold;
    font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
    letter-spacing:1px;
}

h2{
    font-family:"Arial Narrow",Arial,Helvetica,sans-serif;
    font-size:10px;
    font-weight:normal;
    letter-spacing:1px;
    padding-left:2px;
    text-transform:uppercase;
    margin-top:4px;
    color:#888888;
}

.clear{
    clear:both;
}

#menubar {
    width:90%;
    margin:auto;
    margin-top: 35px;
    text-align: left;
}

#menubar a {
    text-decoration: none;
    background: #F9F9F9;
    color: #15ADFF;
}

#menubar a:hover {
    color: black;
}

.main{
    width:90%;
    /* Centering it in the middle of the page */
    margin:auto;
    margin-top: 20px;
}

.main p{
    padding-bottom:8px;
}

.container{
    margin-top:20px;

    background:#FFFFFF;
    border:1px solid #E0E0E0;
    padding:15px 35px;

    /* Rounded corners */
    -moz-border-radius:10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius:10px;
}

.main .content{
    margin-top:15px;
    max-width: available;
    background: #FFFFFF;
}

.login_box {
    background:#F0FEFF;
    width:300px;
    height:320px;
    padding:10px;
    margin:auto;
    margin-top:100px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    -moz-box-shadow:0 0 10px #333;
    -webkit-box-shadow:0 0 10px #333;
    -box-shadow:0 0 10px #333;
}

.login_box img {
    padding-bottom: 20px;
    padding-top: 10px;
    height: 130px;
    width: auto;
}

.login_box input:focus.field {
    background: #545454;
}
.button {
    background:#578DC2;
    color:#FFFFFF;
    width:100px;
    height:30px;
    border:none;
    margin-top:10px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    -moz-box-shadow:0 0 2px #333;
    -webkit-box-shadow:0 0 2px #333;
    -box-shadow:0 0 2px #333;
}

.button:hover{
    cursor: pointer;
    background: #23569D;
}

.error{
    border-color: red;
    color:red;
}

/***** clearfix *****/
.clear {
    clear: both;
    height: 0;
    line-height: 0;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

.data-form{
    width: 100%;
}
.data-form .inputbox{
    width: 95%;
    max-width: 300px
}
.data-form .inputbox2{
    width: 75%;
    max-width: 200px
}

.footer{
    text-align:center;
    position: static;
    margin:auto;
    margin-top:20px;
    margin-bottom: 10px;
    height: 30px;
    background:#FFFFFF;
}
.footer a{
    font-family:Verdana;
    font-size:11px;
}

.messagebox{
    float: end;
    padding:10px;
    border:1px solid #c93;
    background:#ffc;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    -moz-box-shadow:0 0 2px #333;
    -webkit-box-shadow:0 0 2px #333;
    -box-shadow:0 0 2px #333;
}
.messageboxok{
    border:1px solid #349534;
    background:#C9FFCA;
    font-weight:bold;
    color:#008000;

}
.messageboxerror{
    border:1px solid #CC0000;
    background:#F7CBCA;
    font-weight:bold;
    color:#CC0000;
}